
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./聊天界面.css">
</head>
<body>
    <div class="container">
     <div class="header">Chat list</div>
     <div class="main">
        <div class="item">
            <div class="left"><img src="./图片素材/6.jpg" alt="#"></div>
            <div class="center">
                <div class="up">Xuanxuan</div>
                <div class="down">Where is this year's Olympics</div>
            </div>
            <div class="right">
                <div>10:05 am</div>
            </div>
        </div>
        <div class="item">
            <div class="left"><img src="./图片素材/6.jpg" alt="#"></div>
            <div class="center">
                <div class="up">Xuanxuan</div>
                <div class="down">Where is this year's Olympics</div>
            </div>
            <div class="right">
                <div>10:05 am</div>
            </div>
        </div> <div class="item">
            <div class="left"><img src="./图片素材/6.jpg" alt="#"></div>
            <div class="center">
                <div class="up">Xuanxuan</div>
                <div class="down">Where is this year's Olympics</div>
            </div>
            <div class="right">
                <div>10:05 am</div>
            </div>
     </div> <div class="item">
        <div class="left"><img src="./图片素材/6.jpg" alt="#"></div>
        <div class="center">
            <div class="up">Xuanxuan</div>
            <div class="down">Where is this year's Olympics</div>
        </div>
        <div class="right">
            <div>10:05 am</div>
        </div>
 </div> <div class="item">
    <div class="left"><img src="./图片素材/6.jpg" alt="#"></div>
    <div class="center">
        <div class="up">Xuanxuan</div>
        <div class="down">Where is this year's Olympics</div>
    </div>
    <div class="right">
        <div>10:05 am</div>
    </div>
</div> <div class="item">
    <div class="left"><img src="./图片素材/6.jpg" alt="#"></div>
    <div class="center">
        <div class="up">Xuanxuan</div>
        <div class="down">Where is this year's Olympics</div>
    </div>
    <div class="right">
        <div>10:05 am</div>
    </div>
</div> <div class="item">
    <div class="left"><img src="./图片素材/6.jpg" alt="#"></div>
    <div class="center">
        <div class="up">Xuanxuan</div>
        <div class="down">Where is this year's Olympics</div>
    </div>
    <div class="right">
        <div>10:05 am</div>
    </div>
</div> <div class="item">
    <div class="left"><img src="./图片素材/6.jpg" alt="#"></div>
    <div class="center">
        <div class="up">Xuanxuan</div>
        <div class="down">Where is this year's Olympics</div>
    </div>
    <div class="right">
        <div>10:05 am</div>
    </div>
</div>
     <div class="footer"></div>  
    </div>
</body>
</html>